<template>
    <div>
        <div class="box">
            <header class="header">
                <p style="color: green;font-size: 20px;margin: 10px 0 0 10px;float: left;">豆瓣</p>
                <van-search  show-action  placeholder="请输入" @search="onSearch" style="float: left;">
                    <template #action>
                        <div @click="onClickButton"></div>
                    </template>
                </van-search>
                <van-icon name="desktop-o"  style="font-size: 20px;margin-top: 10px;float: left;"/>
                <van-button type="primary" style="width: 60px;height: 50px;background: green;" round>主要按钮</van-button>
            </header>
            <main class="main">内容
                <xllb />
            </main>
           
        </div>
    </div>
    
</template>

<script setup>
   import xllb from './xllb.vue';
</script>

<style lang="scss" scoped></style>